AI Filter [AI Filter] 09. 4주차 월요일 1. 네비게이션바 생성 상단 네비게이션바를 생성했다. Home, Introduction, TechDemos를 클릭하면 해당 페이지로 이동한다. 근데 문제가 있다! 각 버튼 위에 hover 했을 때 메뉴를 뜨게 하고싶은데 anchorEl설정이 잘 안되는지 자꾸 유효하지 않은 HTML Element라고 뜬다 이부분은 내일 해결해야겠다. 아래는 지금까지 짠 코드다 2. 책구입 올해 한달에 한권씩 ... AI FilterAI Filter [AI Filter] 10. 4주차 수요일 문제 1 지난번에 해결해야할 문제로 남겨뒀던 메뉴문제를 해결했다. anchorEl이 설정되지 않는 문제였는데 이 문제는 3개의 메뉴가 1개의 anchorEl을 공유해서 생긴 문제였다. 따라서 NavBar에 있는 버튼들을 컴포넌트로 분리해 각 컴포넌트에 menu를 달아주는 방식으로 변경해였다. 문제 2 menu를 다는것은 성공했다. 하지만 material-ui의 menu가 활성화되면 뒤에 ba... AI FilterAI Filter [AI Filter] 11. 5주차 화요일 원본 > 일반 AI 이 순서로 레이아웃을 수정하고 두가지 기능을 추가했다. 사실 단순 이미지 확대기능은 그렇게 어렵지 않은데 양쪽을 비교하는 중간을 확대하는 코드는 조금 복잡하게 느껴졌다. div태그가 두개 겹쳐있는 걸 작은 Div태그로 옮긴다고 생각하며 코드 구현했다. 이때 이미지 objectPosition 기능을 이용해 확대기능을 구현했다 확대하는 코드 이미지 크기를 확대해놓은 뒤 obj... AI FilterAI Filter
[AI Filter] 09. 4주차 월요일 1. 네비게이션바 생성 상단 네비게이션바를 생성했다. Home, Introduction, TechDemos를 클릭하면 해당 페이지로 이동한다. 근데 문제가 있다! 각 버튼 위에 hover 했을 때 메뉴를 뜨게 하고싶은데 anchorEl설정이 잘 안되는지 자꾸 유효하지 않은 HTML Element라고 뜬다 이부분은 내일 해결해야겠다. 아래는 지금까지 짠 코드다 2. 책구입 올해 한달에 한권씩 ... AI FilterAI Filter [AI Filter] 10. 4주차 수요일 문제 1 지난번에 해결해야할 문제로 남겨뒀던 메뉴문제를 해결했다. anchorEl이 설정되지 않는 문제였는데 이 문제는 3개의 메뉴가 1개의 anchorEl을 공유해서 생긴 문제였다. 따라서 NavBar에 있는 버튼들을 컴포넌트로 분리해 각 컴포넌트에 menu를 달아주는 방식으로 변경해였다. 문제 2 menu를 다는것은 성공했다. 하지만 material-ui의 menu가 활성화되면 뒤에 ba... AI FilterAI Filter [AI Filter] 11. 5주차 화요일 원본 > 일반 AI 이 순서로 레이아웃을 수정하고 두가지 기능을 추가했다. 사실 단순 이미지 확대기능은 그렇게 어렵지 않은데 양쪽을 비교하는 중간을 확대하는 코드는 조금 복잡하게 느껴졌다. div태그가 두개 겹쳐있는 걸 작은 Div태그로 옮긴다고 생각하며 코드 구현했다. 이때 이미지 objectPosition 기능을 이용해 확대기능을 구현했다 확대하는 코드 이미지 크기를 확대해놓은 뒤 obj... AI FilterAI Filter